<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>选择器</title>
  <style type="text/css">
    div {
      color: red;
    }

    .class {
      color: blue;
    }

    #id {
      color: green;
    }
  </style>
</head>
<body>
比较器优先级
<div class="class" style="color:yellow">行内样式</div>
<div class="class" id="id">ID选择器</div>
<div class="class">class选择器</div>
<div>元素选择器</div>

</body>
</html>
